<!DOCTYPE html> 
<html lang="en"> 
  <head> 
    <meta charset="utf-8"> 
    <title>RestRpc Dashboard</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <meta name="description" content=""> 
    <meta name="author" content=""> 
 
    <!-- Le styles --> 
    <link href="../css/bootstrap.min.css" rel="stylesheet"> 
    <link href="../css/bootstrap-responsive.min.css" rel="stylesheet"> 
    <link href="../css/docs.css" rel="stylesheet"> 
    <link href="../css/common.css" rel="stylesheet"> 
    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements --> 
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]--> 

  </head> 
 
  <body data-spy="scroll" data-target=".bs-docs-sidebar"> 
 
  <div class="container"> 
 
    <div class="row"> 
      <div class="span3 bs-docs-sidebar">
      </div>
     
      <div class="span9"> 
        <section > 
          <div class="page-header">
            <h1>RestRpc Server Summary</h1>
          </div>

          <div class="row-fluid">
            <p>RestRpc Server Settings</p>
            <table id="serverSettings" class="table table-bordered  table-striped">
				<thead>
				<tr>
				<th width='50%'>Name</th>
				<th>Value</th>
				</tr>
				</thead>
				<tbody>
				</tbody>
   			</table>
            
            <p>RestRpc Server Status</p>
            <table id="serverStatus" class="table table-bordered  table-striped">
				<thead>
				<tr>
				<th width='50%'>Name</th>
				<th>Value</th>
				</tr>
				</thead>
				<tbody>
				</tbody>
   			</table>
          </div>
        </section> 
 
      </div> 
    </div> 
 
  </div> 
 
<script type="text/javascript" src="../js/jquery.min.js"></script> 
<script type="text/javascript" src="../js/common.js"></script> 
<script type="text/javascript" src="server.js"></script> 
<script type="text/javascript" >
    $(document).ready(function() {
    	$.ajax({
			type: "GET",
			url: "remoteExporterSettings.json",
			dataType: "json",
			success:function(json) {
	    		if (!json.succeed) {
	    			alert(json.message);
	    			return;
	    		}

	    		var tbody = $("#serverSettings tbody");
	    		for (var p in json.data) {
		    		tbody.append("<tr><td>"+p+"</td><td>"+json.data[p]+"</td></tr>");
		    	}
			}
		});
		
    	$.ajax({
			type: "GET",
			url: "serverStatus.json",
			dataType: "json",
			success:function(json) {
	    		if (!json.succeed) {
	    			alert(json.message);
	    			return;
	    		}

	    		var tbody = $("#serverStatus tbody");
	    		for (var p in json.data) {
		    		tbody.append("<tr><td>"+p+"</td><td>"+json.data[p]+"</td></tr>");
		    	}
			}
		});

		
        }
    );
    </script>     

  </body> 
</html> 